<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>详情页面</title>
		<script src="js/details/guideli.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/details/guide.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/details/ima.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/homepage/change a.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/homepage.css"/>
		<link rel="stylesheet" type="text/css" href="css/details.css"/>
	</head>
	<script type="text/javascript">
	//导航栏
		window.onload=function(){
			var guide=document.getElementById('guide');
			guide.onmouseover=function(){
				mov(guide,{right:0,height:340});
			}
			guide.onmouseout=function(){
				mov(guide,{right:-173,height:60});
			}
			//			小图标
			var omove=document.getElementById('picbox');
			var alist=omove.getElementsByTagName('a');
			for(i=0;i<alist.length;i++){
				alist[i].onmouseover=function(){
				var	ilist=this.getElementsByTagName('i')[0];
				mov(ilist,{top:0,opacity:0},function(){
				ilist.style.top=60+'px';
					mov(ilist,{top:25,opacity:100});
				});
				}
			}
		}
	</script>
	<body>
		<div id="top">
			<div id="topleft">
			<p><a href="homepage.html">我表哥四年级</a>| <a href="#">活动</a>| <a href="#">游戏</a>|  <a href="#">关于我们</a></p>	
			</div>
			<div id="topright">
				<p><a href="login.html" style="margin-right: 0;">登录</a>/<a href="register.html">注册</a><span id="wechat">微信</span></p>
			</div>
		</div>
		<div id="homepagehead">
			
				<ul id="picbox">
					<a href="homepage.html"><li ><img id="ima" src="img/2.png" style="vertical-align: middle;"/></li></a>
					<a href="#"><li><i><img src="img/icon/Eye.png"/></i><p>搞笑</p></li></a>
					<a href="#"><li><i><img src="img/icon/Photos.png"/></i><p>图片</p></li></a>
					<a href="#"><li><i><img src="img/icon/Video.png"/></i><p>视频</p></li></a>
					<a href="#"><li><i><img src="img/icon/Coffee Cup.png"/></i><p style="margin-left: -16px;">装逼指南</p></li></a>
					<li><div id="divbox">
					</div></li>
				</ul>
			
		</div>
		<div id="detail">
			<div id="guide">
			<div class="">
				<img  src="img/details/man-user.png"/>
			</div>
			<ul class="boxul">
					<a href="login.html"><li>登录</li></a>
					<a href="register.html"><li style="margin-bottom: ;">注册</li></a>
			</ul>
			<ul class="boxul2">
				<a href="homepage.html"><li>首页</li></a>
				<a href=""><li>搞笑</li></a>
				<a href=""><li>图片</li></a>
				<a href=""><li>视频</li></a>
				<a href=""><li>装逼指南</li></a>
			</ul>
			<span >
			导航	
			</span>	
			</div>
			<div id="detailleft">
			<h1 class="caption">用来装逼的冷知识</h1>
			<p class="autor" style="margin-top:16px ;">我表哥四年级2016-08-12 17:57</p><br />
			<p style="color: rgb(119,119,119);">小编总感觉不会点装逼的冷知识，很难在外跟别人扯淡，装逼也是一门高深学问，这点毋庸置疑，所以今天小编就给大家带了点装逼的干货</p>
			<p class="photo"><img src="img/details/199a3e10b59b34c95d93f5370a026001.jpg"/></p>
			<p class="photo"><img src="img/details/4de2755262716e9e0872b9d07cbfead1.jpg"/></p>
			<p class="photo"><img src="img/details/788e08834b129181451940a7960a1f62.jpg"/></p>
			<p class="photo"><img src="img/details/c0848a89853326e8926e97d8a41a05f3.jpg"/></p>
			<p class="photo"><img src="img/details/we.jpg"/></p>
			<p style="color: rgb(119,119,119);"><b>编后语：</b>小编最后就给第一次去夜店的朋友们支个招，第一次去夜店，要怎样装作经验丰富的样子？1.用白色塑料袋装几粒白色薄荷糖，见人就吃，吃了就拼命摇头！2.穿拖鞋，泳裤，戴着墨镜，叼着烟，看见谁都打招呼，点头微笑；3.夜店很黑，去了就先叫服务员开灯~剩下的只有实践了……</p>
			</div>
			</div>
		<p id="PL"><img src="img/details/PL.jpg"/>评论</p>
		<div id="PL0">
			<div id="PLleft">
			<p><img src="img/details/man-user.png"/></p>
			<p>网友</p>
			</div>
			<div id="PLright">
				<textarea name="" placeholder="发表评论……" rows="6" cols="70" style="border:1px solid rgb(239,239,239) ;padding: 10px;border-radius: 10px;"></textarea>
				<p style="text-align: right;margin-right: 7%;"><input type="submit" value="提交" class="button1"/></p>
			</div>
			
		</div>
		<div id="foot0">
				<div id="foot01">
				<div id="foot011">
				<p><a href="homepage.html"><img src="img/2016817142444514.png"/></a></p>
				<p><a href="#">站点地图</a>  &nbsp;&nbsp;|&nbsp;&nbsp; <a href="#">关于我们</a>&nbsp;&nbsp;  | &nbsp;&nbsp;<a href="#">意见反馈</a>&nbsp;&nbsp;  | &nbsp;&nbsp;<a href="#">免责声明</a></p>
				<p>合作伙伴</p>
				<p><img src="img/23.jpg"/ style="height: 75px;"></p>
				</div>
				<div id="foot012">
				<p>友情链接</p>
				<p><a href="https://www.alipay.com/" target="_blank">支付宝</a> | <a href="http://www.youku.com/" target="_blank">优酷</a> | <a href="http://www.tudou.com/" target="_blank">土豆</a> | <a href="http://www.alijk.com/" target="_blank">阿里健康</a> | <a href="http://www.alibabapictures.com/" target="_blank">阿里影业</a> | <a href="http://www.alisports.com/cn/" target="_blank">阿里体育</a> | <a href="https://loan.mybank.cn/" target="_blank">网商银行</a></p>
				<p>版权所有©我表哥四年级</p>
				<p>地址：广东省中山市阜沙镇</p>
				<p>电话：13178629800  网址：www.lojie.com</p>
				</div>
				</div>
			</div>
	</body>
</html>
